.controlBarWrapper {
  height: calc(100vh * 0.12);
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 48rpx;
  padding-right: 62rpx;
  position: absolute;
  bottom:0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px);
  border-radius: 32rpx;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  .bg{
    width: 100%;
    height: 206rpx;
  }
  .powerOnBox{
    width: 176rpx;
    height: 96rpx;
    border-radius: 48rpx;
    background: rgba(16, 130, 254, 1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .powerBoxOff {
    width: 176rpx;
    height: 96rpx;
    border-radius: 48rpx;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .powerIcon {
    width: 64rpx;
    height: 64rpx;
  }
  .tabItemIcon {
    width: 84rpx;
    height: 84rpx;
    padding: 16rpx;
  }
}